.about-banner{width: 100%;height: 300px;line-height:78px;margin:70px auto 54px;background: url(../images/banner/about-banner.jpg) center top no-repeat;color: #fff;text-align: center;}
.about-banner .content{padding-top:110px;font-size: 60px;text-shadow: 0px 3px 7px rgba(0, 0, 0, 0.35);}
.about-tab{text-align: center;width: 742px;margin:0 auto 56px;}
.about-tab li{float:left;width: 66px;margin-right: 159px;text-align: center;cursor: pointer;font-size: 16px;}
.about-tab li:last-child{margin-right: 0;}
.about-tab li:hover,.about-tab li.active{color: #0e4d8c;}
.about-tab li a{height: 58px;width:58px;margin:0 auto 24px;display: block;background: url(../images/icon/icon-about1.png) center top no-repeat;}
.about-tab li:nth-of-type(2) a{background: url(../images/icon/icon-about2.png) center top no-repeat;}
.about-tab li:nth-of-type(3) a{background: url(../images/icon/icon-about3.png) center top no-repeat;}
.about-tab li:nth-of-type(4) a{background: url(../images/icon/icon-about4.png) center top no-repeat;}
.about-tab li:hover a,.about-tab li.active a{background: url(../images/icon/icon-about1.png) center -58px no-repeat;}
.about-tab li:nth-of-type(2):hover a,.about-tab li.active:nth-of-type(2) a{background: url(../images/icon/icon-about2.png) center -58px no-repeat;} 
.about-tab li:nth-of-type(3):hover a,.about-tab li.active:nth-of-type(3) a{background: url(../images/icon/icon-about3.png) center -58px no-repeat;} 
.about-tab li:nth-of-type(4):hover a,.about-tab li.active:nth-of-type(4) a{background: url(../images/icon/icon-about4.png) center -63px no-repeat;} 
.about-tab-content{padding:7px;font-size: 18px;color: #666;line-height: 30px;}
.about-tab-content p{text-indent: 2em;}

.about-title {
  text-align: center;
  padding: 49px 0 49px 0;

}

.about-title span {
  padding: 0 40px;
  position: relative;
  font-size: 24px;
  line-height: 44px;
}

.about-title span:before, .about-title span:after {
  content: '';
  width: 30px;
  height: 1px;
  position: absolute;
  top: 49%;
  background: #333;
}
.about-title span:before{
  right: 0;
}
.about-title span:after{
  left: 0;
}
.about-list{margin-bottom: 17px;}
.about-list a{float: left;width:calc((100% - 60px)/3);margin-left: 20px;font-size: 22px;text-align: center;}
.about-list a:first-child{margin-left: 0;}
.about-list .img-wrap{position: relative;width: 100%;height: 217px;}
.about-list .img-wrap::before{position: absolute;content:"";left:0;top:0;z-index:1;width: 100%;height: 100%;background: rgba(0,0,0,.44);}
.about-list a:hover .img-wrap::before{background: none;}
.about-list a p{padding:25px 0;}
.about-media-partner{margin-left:-25px;margin-top:-25px;}
.about-media-partner img{float: left;width:calc((100% - 125px)/5);margin:25px 0 0 25px;}
.about-media-partner:nth-of-type(2){padding-bottom: 44px;}
.contact-wrap{width: 100%;height: 462px;margin:0 auto;background: #f9f7f4 url(../images/about/map.jpg) center top no-repeat;}
.contact-wrap .content{width:375px;height: 462px;padding:76px  25px 0;line-height:28px;background:rgba(0,0,0,.6);font-size: 18px;color: #fff;box-sizing: border-box;}
.contact-wrap .content p{position:relative;margin-bottom: 20px;padding-left: 90px;}
.contact-wrap .content strong{position:absolute;left:0;top:0;font-weight: bold;}
.contact-wrap .scan-code{width: 100px;height: 100px;margin-left: 90px;margin-top: 6px;}
@media screen and (max-width:750px){
  .about-banner{margin:70px auto 30px;}
  .about-tab{width: 100%;margin:0 auto 20px;text-align: center;}
  .about-tab li{margin-right: 20px;display: inline-block;float: inherit;}
  .about-tab-content{height: auto;}
  .about-list a{width: 100%;margin-left: 0;}
  .about-media-partner img{width: calc((100% - 50px)/2);}
  .contact-wrap .content {width: 100%;}
  .contact-wrap .container{padding:0;}
}